<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8" />
		<title>被审计机构用户</title>
		<link rel="stylesheet" href="../style/audit.css" />
		<link rel="stylesheet" href="../style/bootstrap.min.css" />
		<script type="text/javascript" src="../scripts/jquery/jquery-1.7.1.js"></script>
	</head>

	<body>
		<div class="boody col-md-12">
			<!-- 被审机构  -->
			<div class="business col-md-4">
				<table>
					<tr>
						<th>&nbsp;被审机构</th>
					</tr>
					<tr>
						<th>
							<span>&nbsp;业务类型</span>
							<select>
										<option>业务类型</option>
									</select>
						</th>
					</tr>
					<tr>
						<th>
							&nbsp;
							<a href=""><i class="glyphicon glyphicon-user"></i> &nbsp;<span>添加</span></a> &nbsp;&nbsp;
							<a href=""><i class="glyphicon glyphicon-user"></i> &nbsp;<span>删除</span></a> &nbsp;&nbsp;
							<a href=""><i class="glyphicon glyphicon-user"></i> &nbsp;<span>编辑</span></a>
						</th>
					</tr>
					<tr>
						<th>
							<div class="tree well ">
								<!--左边树形菜单栏-->
								<ul style="width:280px;">
									<li>
										<span><i class="glyphicon glyphicon-th-list"></i> 打开全部</span>
										<ul>
											<li>
												<span><i class="icon-minus-sign"></i> 一级节点1</span>
												<a href=""></a>
												<ul>
													<li>
														<a href=""><span><i class="icon-minus-sign"></i> 二级节点1_1</span></a>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>

							</div>
						</th>
					</tr>
				</table>

			</div>
			<!--
                    	右边表格
                    -->
			<div class="big_right col-md-8">
				<div class="top_table">
					<table class="table table-striped table-hover table-condensed">
						<tr>
							<th>机构名称</th>
							<th>部门开采业务</th>
							<th>上次稽核时间</th>
							<th>财务帐</th>
							<th>信用柜台编码</th>
						</tr>
						<tr>
							<td>稽核部</td>
							<td>爱旅行网</td>
							<td>2018-7-9</td>
							<td>？？？</td>
							<td>#00-87</td>
						</tr>
						<tr>
							<td>稽核部</td>
							<td>爱旅行网</td>
							<td>2018-7-9</td>
							<td>？？？</td>
							<td>#00-87</td>
						</tr>
						<tr>
							<td>稽核部</td>
							<td>爱旅行网</td>
							<td>2018-7-9</td>
							<td>？？？</td>
							<td>#00-87</td>
						</tr>
						<tr>
							<td>稽核部</td>
							<td>爱旅行网</td>
							<td>2018-7-9</td>
							<td>？？？</td>
							<td>#00-87</td>
						</tr>
						<tr>
							<td>稽核部</td>
							<td>爱旅行网</td>
							<td>2018-7-9</td>
							<td>？？？</td>
							<td>#00-87</td>
						</tr>
						<tr>
							<td>稽核部</td>
							<td>爱旅行网</td>
							<td>2018-7-9</td>
							<td>？？？</td>
							<td>#00-87</td>
						</tr>
					</table>
				</div>
				<div class="table_down-nav">
					<div class="page">
						<form action="#" method="post" name="">
							<a href="#"><i class="glyphicon glyphicon-step-backward"></i></a>
							<a href="#"><i class="glyphicon glyphicon-chevron-left"></i></a> 第
								<input type="text" name="" /> 页， 共 <span name=></span> 页
							<a href="#"><i class="glyphicon glyphicon-chevron-right"></i></a>
							<a href="#"><i class="glyphicon glyphicon-step-forward"></i></a>
						</form>
					</div>
				</div>
				<!--下面的表格-->
				<div class="bigdown_table col-md-12">
					<div class="down_nav col-md-12">
						<ul>
							<li>
								<i class="glyphicon glyphicon-plus" style="color:#00FF00;"></i>
								<a href="#">增加</a>
							</li>
							<li>
								<i class="glyphicon glyphicon-remove" style="color:#FF0000;"></i>
								<a href="#">删除</a>
							</li>
							<li>
								<i class="glyphicon glyphicon-edit" style="color:#00FF00;"></i>
								<a href="#">编辑</a>
							</li>
							<li>
								<i class="glyphicon glyphicon-refresh" style="color:#00FFCC;"></i>
								<a href="#">重置密码</a>
							</li>
							<form action="#" method="post" class="navbar-form navbar-right" role="search" style="margin-top: -15px;">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="庆输入查询内容" />
								</div>
								<button type="submit" class="btn btn-primary">确认</button>
							</form>
						</ul>
					</div>
					<div class="doen_table">
						<table class="table table-striped table-hover table-condensed">
							<tr>
								<td>用户名</td>
								<td>姓名</td>
								<td>邮箱</td>
								<td>电话</td>
								<td>RTX</td>
								<td>状态</td>
								<td><input type="checkbox" name=""></td>
							</tr>
							<tr>
								<td>少女抛尸案</td>
								<td>刀**</td>
								<td>2018*****@**.com</td>
								<td>15965684</td>
								<td>rr</td>
								<td>好</td>
								<td><input type="checkbox" name=""></td>
							</tr>
							<tr>
								<td>少女抛尸案</td>
								<td>刀**</th>
									<td>2018*****@**.com</td>
									<td>15965684</td>
									<td>rr</td>
									<td>好</td>
									<td><input type="checkbox" name=""></td>
							</tr>
						</table>
						<div class="table_down-nav">
							<div class="page">
								<form action="#" method="post" name="">
									<a href="#"><i class="glyphicon glyphicon-step-backward"></i></a>
									<a href="#"><i class="glyphicon glyphicon-chevron-left"></i></a> 第
										<input type="text" name="" /> 页， 共 <span name=></span> 页
									<a href="#"><i class="glyphicon glyphicon-chevron-right"></i></a>
									<a href="#"><i class="glyphicon glyphicon-step-forward"></i></a>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

	<!--树状菜单栏-->
	<script type="text/javascript">
		$(function() {　　
			$('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');　　
			$('.tree li.parent_li > span').on('click', function(e) {　　
				var children = $(this).parent('li.parent_li').find(' > ul > li');
				if (children.is(":visible")) {　　
					children.hide('fast');　　
					$(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign');　　
				} else {　　
					children.show('fast');　　
					$(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');　　
				}　　
				e.stopPropagation();　　
			});　　
		});
	</script>
	<script type="text/javascript" src="../scripts/jquery.js"></script>
	<script type="text/javascript" src="../scripts/bootstrap.js"></script>

</html>